<%--
  Created by IntelliJ IDEA.
  User: Admin
  Date: 2021/9/22
  Time: 17:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<html>
<head>
    <base href="<%=basePath%>"/>
    <meta charset="utf-8">
    <title>
        后台管理系统
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="<%=basePath%>h5/css/x-admin.css" media="all">
</head>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>客户管理</cite></a>
              <a><cite>客户信息列表列表</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <form class="layui-form x-center" action="" style="width:80%">
        <div class="layui-form-pane" style="margin-top: 15px;">
            <div class="layui-form-item">
                <label class="layui-form-label">日期范围</label>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
                </div>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="username"  placeholder="请输入登录名" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>
        </div>
    </form>
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button>
<%--        <button class="layui-btn" onclick="admin_add('添加用户','admin-add.html','600','500')"><i class="layui-icon">&#xe608;</i>添加客户</button>--%>
        <button class="layui-btn"><i class="layui-icon">&#xe608;</i><a href="<%=basePath%>h5/addCustom.jsp">增加客户</a></button>
        <span class="x-right" style="line-height:40px">共有数据：<span class="layui-badge">66</span> 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="" value="">
            </th>
            <th>
                ID
            </th>
            <th>
                客户公司
            </th>
            <th>
                客户名
            </th>
            <th>
                客户电话
            </th>
            <th>
                客户邮箱
            </th>
            <th>
                客户银行
            </th>
            <th>
                操作
            </th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${custom_dbList}" var="custom">
        <tr>
            <td>
                <input type="checkbox" value="1" name="">
            </td>
            <td>${custom.customId}</td>
            <td>${custom.company}</td>
            <td>${custom.customName}</td>
            <td>${custom.customPhone}</td>
            <td>${custom.customEmail}</td>
            <td>${custom.bank}</td>
<%--            <td class="td-manage">--%>
<%--                <a title="修改" href="javascript:;" onclick="admin_edit('编辑','admin-edit.html','4','','510')"--%>
<%--                   class="ml-5" style="text-decoration:none">--%>
<%--                    <i class="layui-icon">&#xe642;</i>--%>
<%--                </a>--%>
<%--                <a title="删除" href="javascript:;" onclick="admin_del(this,'1')"--%>
<%--                   style="text-decoration:none">--%>
<%--                    <i class="layui-icon">&#xe640;</i>--%>
<%--                </a>--%>
<%--            </td>--%>
            <td><a href="<%=basePath%>customController/updateUI.do?customIdStr=${custom.customId}">修改</a></td>
        </tr>
        </c:forEach>

        </tbody>
    </table>



    <div id="page"></div>
</div>
<script src="<%=basePath%>h5/lib/layui/layui.js" charset="utf-8"></script>
<script src="<%=basePath%>h5/js/x-layui.js" charset="utf-8"></script>
<%--<script>--%>
<%--    layui.use(['laydate','element','laypage','layer'], function(){--%>
<%--        $ = layui.jquery;//jquery--%>
<%--        laydate = layui.laydate;//日期插件--%>
<%--        lement = layui.element();//面包导航--%>
<%--        laypage = layui.laypage;//分页--%>
<%--        layer = layui.layer;//弹出层--%>

<%--        //以上模块根据需要引入--%>

<%--        laypage({--%>
<%--            cont: 'page'--%>
<%--            ,pages: 100--%>
<%--            ,first: 1--%>
<%--            ,last: 100--%>
<%--            ,prev: '<em><</em>'--%>
<%--            ,next: '<em>></em>'--%>
<%--        });--%>

<%--        var start = {--%>
<%--            min: laydate.now()--%>
<%--            ,max: '2099-06-16 23:59:59'--%>
<%--            ,istoday: false--%>
<%--            ,choose: function(datas){--%>
<%--                end.min = datas; //开始日选好后，重置结束日的最小日期--%>
<%--                end.start = datas //将结束日的初始值设定为开始日--%>
<%--            }--%>
<%--        };--%>

<%--        var end = {--%>
<%--            min: laydate.now()--%>
<%--            ,max: '2099-06-16 23:59:59'--%>
<%--            ,istoday: false--%>
<%--            ,choose: function(datas){--%>
<%--                start.max = datas; //结束日选好后，重置开始日的最大日期--%>
<%--            }--%>
<%--        };--%>

<%--        document.getElementById('LAY_demorange_s').onclick = function(){--%>
<%--            start.elem = this;--%>
<%--            laydate(start);--%>
<%--        }--%>
<%--        document.getElementById('LAY_demorange_e').onclick = function(){--%>
<%--            end.elem = this--%>
<%--            laydate(end);--%>
<%--        }--%>

<%--    });--%>

<%--    //批量删除提交--%>
<%--    function delAll () {--%>
<%--        layer.confirm('确认要删除吗？',{icon:3,title:'提示信息'},function(index){--%>
<%--            //捉到所有被选中的，发异步进行删除--%>
<%--            layer.msg('删除成功', {icon: 1});--%>
<%--        });--%>
<%--    }--%>
<%--    /*添加*/--%>
<%--    function admin_add(title,url,w,h){--%>
<%--        x_admin_show(title,url,w,h);--%>
<%--    }--%>

<%--    /*停用*/--%>
<%--    function admin_stop(obj,id){--%>
<%--        layer.confirm('确认要停用吗？',function(index){--%>
<%--            //发异步把用户状态进行更改--%>
<%--            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');--%>
<%--            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');--%>
<%--            $(obj).remove();--%>
<%--            layer.msg('已停用!',{icon: 5,time:1000});--%>
<%--        });--%>
<%--    }--%>

<%--    /*启用*/--%>
<%--    function admin_start(obj,id){--%>
<%--        layer.confirm('确认要启用吗？',function(index){--%>
<%--            //发异步把用户状态进行更改--%>
<%--            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_stop(this,id)" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');--%>
<%--            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');--%>
<%--            $(obj).remove();--%>
<%--            layer.msg('已启用!',{icon: 6,time:1000});--%>
<%--        });--%>
<%--    }--%>
<%--    //编辑--%>
<%--    function admin_edit (title,url,id,w,h) {--%>
<%--        x_admin_show(title,url,w,h);--%>
<%--    }--%>
<%--    /*删除*/--%>
<%--    function admin_del(obj,id){--%>
<%--        layer.confirm('确认要删除吗？',{icon:3,title:'提示信息'},function(index){--%>
<%--            //发异步删除数据--%>
<%--            $(obj).parents("tr").remove();--%>
<%--            layer.msg('已删除!',{icon:1,time:1000});--%>
<%--        });--%>
<%--    }--%>
<%--</script>--%>

</body>
</html>
